<template>
  <div id="nodata">
    <div class="nav"> 
      <van-nav-bar title="比郎" left-text="返回" left-arrow
         @click-left="onClickLeft"
             @click-right="onClickRight"
      >
        <template #right>
          <van-icon name="ellipsis" size="18" />
        </template>
      </van-nav-bar>
    </div>
    <div class="Box">
     <div class="BBox" v-for= "(item , index) in items" :key="index">
        <img :src= "item.url" alt="">
        <p class= "title">{{item.text}}</p>
        <p class= "number">{{item.number}}cm</p>
     </div>
    </div>
 
    <div class="buttoms">
         <!-- <router-link to='/nodata'> -->
            <van-button type="default" @click="login">
                重新测量
  
            </van-button>
        <!-- </router-link> -->
            <!-- <router-link to='/MeasSize'> -->

        <van-button type="info" color="#234497" @click="sure">
                确定尺寸
        </van-button>
            <!-- </router-link> -->

    </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
            items:[
                {
                url:require("../assets/images/我的尺寸/pic_5.png"),
                text:'身体',
                number:'180'
            },
            {
                url:require("../assets/images/我的尺寸/pic_4.png"),
                text:'体重',
                number:'170'
            },
            {
                url:require("../assets/images/我的尺寸/pic_6.png"),
                text:'肩宽',
                number:'91.6'
            },
            {
                url:require("../assets/images/我的尺寸/pic_2.png"),
                text:'胸围',
                number:'86.5'
            },
            {
                url:require("../assets/images/我的尺寸/pic_1.png"),
                text:'腰围',
                number:'33.6'
            },
            {
                url:require("../assets/images/我的尺寸/pic_3.png"),
                text:'臀围',
                number:'91.6'
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_03.png"),
                text:"领围",
                number:"180",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_05.png"),
                text:"胸围",
                number:"86.5",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_07.png"),
                text:"腰围",
                number:"33.6",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_12.png"),
                text:"肩宽",
                number:"91.6",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_13.png"),
                text:"袖长",
                number:"91.6",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_18.png"),
                text:"衣长",
                number:"176",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_23.png"),
                text:"袖肥",
                number:"33.6",
            },
            {
                url:require("../assets/images/测量尺寸/测量尺寸（无）_25.png"),
                text:"袖口",
                number:"86.5",
            }
            ]
        }
    },
    methods: {
    onClickLeft() {
      
      this.$router.go(-1)
    },
    onClickRight() {
      
    },
    sure(){
        this.$router.replace('/MeasSize');

    },
    login(){
        this.$router.replace('/nodata')
    }
  }, 
}

</script>

<style lang="less" scoped>
#nodata{
    background: #f9f9f9;
    padding-bottom: 100px;
}
.Box{
    width: 100%;
    // min-height: 568px;
    padding-top: 90px;
    // background: #f9f9f9;
    // margin-bottom: 20px;
}
.BBox{
    width: 33.3%;
    height: 350px;
    // background: #f9f9f9;
    float: left;
    text-align: center;
    position: relative;
    // padding-bottom: 10px;
    img{
        width: 120px;
        height: 120px;
        // float: left;
        margin-top: 70px;
        // margin-left: 65px;
    }
    .title{
        width: 100%;
        font-size: 28px;
        // display: inline-block;
        line-height: 110px;
        color: #999;
    }
    .number{
        width: 100%;
        font-size: 38px;
        // display: inline-block;
        line-height: 1;
        color: #234497;
    }
}
.buttoms{
    width: 660px;
    height: 90px;
    position: relative;
    left: 45px;
    // bottom: 90px;
    top: 50px;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    .van-button{
        width: 46%;
        height: 100%;
        border-radius: 10px;
    }
}
</style>
